/* 为了弹出框 弹出时滚动条不消失 背景不影响*/
.modal-open {
    overflow-y: scroll !important;
}
@media screen and (min-width: 765px) and (max-width:995px) {
    .my-form{display: none;}
}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}

body { background-color: #ededed; }
.my-form{position: relative;}
.my-container{padding-top: 70px; background-color: white; }
.my-nav{padding-bottom: 20px; overflow: hidden;}
.my-nav .pull-right{position: relative;right: 128px;}
.my-nav .pull-right li{ font-size: 12px;}
.my-nav .pull-right li a{ padding: 11px 8px; color: #333;}
.my-nav .pull-right+button{width: 120px; margin-left: 10px; position: relative;right: -155px;float: right;}
.my-nav .pull-right+button span{padding: 0 8px; }
.my-nav .pull-right li.active a{ color: #5cb85c;}
.my-nav .pull-right li a:hover{ color: #5cb85c; background-color: white;}
.my-nav .pull-right li a:visited{ background-color: white;}
.my-nav .my-active .active a{background-color: white;}
.my-navbar{ background-color: #2459A2;}
.my-navbar .navbar-collapse:last-child li.active a{color: white;background-color: #204982;}
.my-navbar .navbar-collapse:last-child li.active a:visited{color: white;background-color: #204982;}
.my-navbar .my-navbar-nav>.active>a{ background-color: #204982; color: white;}
.my-navbar .my-navbar-nav>.active:hover{ background-color: #396bb3;}
.my-navbar .my-navbar-nav>.active a:hover{ background-color: #204982; color: white;}
.my-navbar .my-navbar-nav>.active a:visited{ color: white;background-color: #204982;}
.my-navbar .my-navbar-nav>li>a{ color: #c0cddf;}
.my-navbar .my-navbar-nav>li>a:visited{ color: #c0cddf;}
.my-navbar .my-navbar-nav>li:hover{background-color: #396bb3;}
.my-navbar .my-navbar-nav>li>a:hover{ color:white;}

.my-list-content a{ cursor: default;}
.my-list-content a h5{ color: black;}
.my-list-content a h5>small{ cursor: text;}
.my-list-content a h5,small,p,h5>small>span{cursor: pointer;}
.my-list-content a>div{width: 83%;}
.my-list-content a .pull-left p.pull-left{ width: 67%;}
.my-list-content a .pull-left p.my-p-right{ display: none;}
.my-list-content div.my-pull-right { position: absolute; height: 120px;width: 120px; right: 20px;}
.my-list-content a .pull-left small{ color: gray;}
.my-list-content a .pull-left p{ margin: 12px 0 0 0; color: #9d9d9d;}
.my-list-content a .pull-left p>span{ display: inline-block;width: 42px;height: 18px; margin-right: 10px;}
.my-list-content a .pull-left p .span1{ background: url("/static/images/icon_18_118.png") no-repeat 8px -40px; }
.my-list-content a .pull-left p .span1:hover{background: url("/static/images/icon_18_118.png") no-repeat 8px -20px; color: #204982;}
.my-list-content a .pull-left p span span{ float: right;}
.my-list-content a .pull-left p .span2{ background: url("/static/images/icon_18_118.png") no-repeat 8px -99px;}
.my-list-content a .pull-left p .span2:hover{background: url("/static/images/icon_18_118.png") no-repeat 8px -79px;color: #204982;}
.my-list-content a .pull-left p .span3{ width: 42px; background: url("/static/images/icon_18_118.png") no-repeat 8px -159px;}
.my-list-content a .pull-left p .span3:hover{ background: url("/static/images/icon_18_118.png") no-repeat 8px -139px;color: #204982;}
.my-list-content a .pull-left p .span3>span{ margin-right: -18px;}
.my-list-content a .pull-left p .span4{
    margin-left: 30px; width: auto; position: relative; cursor: default;}
.my-list-content a .pull-left p .span5{ width: 180px; color: orange; font-size: 12px;position: relative;
    cursor: text; top: -4px;left: 20px;}
.my-list-content a .pull-left p .span6{ position: relative;top:-4px; left: -4px; width: auto}
.my-list-content a .pull-left p .span7{ position: relative;top:-4px; left: -30px;}
.my-list-content .pull-right img{height: 64px; width: 64px; margin: 10px; position: absolute;
    top: 0;right: -10px;z-index: 2}
.my-list-content .pull-right img:hover{cursor: zoom-in;}
.my-list-content .pull-right img.big:hover{ cursor: zoom-out;}
.my-list-content a .pull-left p.my-p-right span{ width: 22px; margin: 0; height: 15px;}
.my-list-content a .pull-left p.my-p-right .span1_1{ width: 41px; font-size: 12px; cursor: text;}
.my-list-content a .pull-left p.my-p-right .span1_1~span{ position: relative;top:2px;}
.my-list-content a .pull-left p.my-p-right .span2_1{ background:url("/static/images/share_icon.png") no-repeat 5px 0;}
.my-list-content a .pull-left p.my-p-right .span2_1:hover{background:url("/static/images/share_icon.png") no-repeat 5px -90px; color: gray;}
.my-list-content a .pull-left p.my-p-right .span3_1{ background:url("/static/images/share_icon.png") no-repeat 5px -15px;}
.my-list-content a .pull-left p.my-p-right .span3_1:hover{ background:url("/static/images/share_icon.png") no-repeat 5px -105px;}
.my-list-content a .pull-left p.my-p-right .span4_1{ background:url("/static/images/share_icon.png") no-repeat 5px -30px;}
.my-list-content a .pull-left p.my-p-right .span4_1:hover{background:url("/static/images/share_icon.png") no-repeat 5px -120px;}
.my-list-content a .pull-left p.my-p-right .span5_1{ background:url("/static/images/share_icon.png") no-repeat 5px -60px;}
.my-list-content a .pull-left p.my-p-right .span5_1:hover{ background:url("/static/images/share_icon.png") no-repeat 5px -150px;}

@media screen and (min-width: 990px) and (max-width: 1200px) {
    .my-list-content a .pull-left p.pull-left{ width: 78%;}
    .my-list-content a .pull-left p.my-p-right{ width: 18%;}

}
.my-img{ position: absolute; background: url("/static/images/view.png") no-repeat left center;
    display: inline-block;height: 32px; width: 37px;top: 1px; right: 12px; border-left: 1px solid #e0e0e0;}
@media screen and (max-width: 765px) {
    .my-img{ top: 10px;}
}
.my-a-img a{padding-right: 16px;}
.my-a-img+a{ background: url("/static/images/view.png") no-repeat left center; display: block;height: 20px;
    padding-left: 30px;font-size: 14px;font-weight: bold; margin: 15px 0;}
.my-span-top{ font-size: 14px; margin: 12px 0;display: block;font-weight: 600; }
.my-span-top>span{color: red;}
.my-list-group{ padding-left: 30px; }
.my-list-group li.list-group-item>span{float: left; background-color: #e0e0e0;color: gray; position: absolute;left: -24px;}
.my-list-group li.list-group-item a{text-decoration: none; color: #333; }
.my-list-group li.list-group-item a:hover{color: #396bb3;}
.my-panel .panel-heading{ background-color: #2459a2; color: white;text-align: center;}
.my-modal-body>ul{ margin-bottom: 15px;}
.my-modal-body .my-user-login{display: none;}
.my-info-register, .my-btn-submit{display: none;}
.my-info-register .form-inline select{width: 49%;}
#myModal .modal-dialog{ width: 45%;}
#myModal1 .modal-dialog{ width: 45%;}
#myModal2 .modal-dialog{ width: 45%;}
#myModal3 .modal-dialog{ width: 45%;}

.my-comment{ display: none;}
.my-comment ul.list-group li:hover{ background-color: #f5f5f5; }
.my-comment .form-inline textarea{ width: 90%;}
.my-comment .com-span1{ width: 20px; height: 20px;
    display: inline-block;position: relative;top: 4px;}
.my-comment .com-span2{ color: #2459a2; margin-left: 5px;}
.my-comment .com-span3{margin-left: 10px;}
.my-comment .com-span4{ color: #ccc; margin-left: 20px;}
.move-top{ display: none; position:fixed; z-index: 3; background: url("/static/images/move_top.png") no-repeat 0 0;width: 40px;
    height: 40px;bottom: 30px;right: 100px; cursor: pointer;}
.move-top:hover{background: url("/static/images/move_top.png") no-repeat 0 -40px;}
/*.my-publish .my-text,.my-photo{display: none;}*/
